<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
    <h:outputStylesheet library="css" name="publicMain.css" />
    <title>Surf Shop - Tudo que você precisa a seu alcance!</title>
</h:head>
<h:body styleClass="publicMain.css">
    <form method="post" action="j_security_check" class="publicHeader">
        <h:messages layout="table" 
        			errorStyle="background: #AFEEEE;"
            		infoStyle="background: #AFEEEE;" 
            		globalOnly="true" />
        
        
        
        <div align="right" style="margin-right: 20%; margin-left: 20%" >
        	<p:panelGrid styleClass="semBorda" columns="6" >
        		<p:outputLabel value="#{homeBean.dispositivoMovel}" style="background-color: red; text-transform: uppercase; color: black;" />
	            <p:outputLabel value="Usuário: " />
	            <p:inputText  id="j_username" name="j_username" />
	            <p:outputLabel value="Senha: " />
	            
	            <p:password id="j_password" 
	            			name="j_password" />
	            
	            
                <input type="submit" name="submit" value="Login" />
            	
        	</p:panelGrid>
        
        </div>    
        
        <div id="headerPage" >
	         <ui:include src="/pages/shop/layout/header.xhtml" />
        </div>

        <div id="pageTeste" >
        	<c:if test="#{homeBean.isMobile()}">
		         <ui:include src="/pages/shop/homeMobile.xhtml" />
        	</c:if>
        </div>
        
    </form>
    
    <div id="pages" align="center" class="content" >
    		<c:if test="#{not homeBean.isMobile()}">
		        <ui:insert name="body"/>
        	</c:if>	
    </div>
		
    <div id="footerPage" align="center" class="content" >
    	
    </div>
    
</h:body>
</html>